<%--
  Created by IntelliJ IDEA.
  User: 徐洲
  Date: 2023/12/17
  Time: 17:59
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<nav class="navbar navbar-expand-lg">
    <div class="container">
        <a href="index.jsp" class="navbar-brand home">
            <img src="img/logo-small.png" alt="摆烂俱乐部" class="d-none d-md-inline-block">
            <img src="img/logo-small.png" alt="摆烂俱乐部" class="d-inline-block d-md-none">
            <span class="sr-only">摆烂俱乐部</span>
        </a>
        <div class="navbar-buttons">
            <button type="button" data-toggle="collapse" data-target="#navigation" class="btn btn-outline-secondary navbar-toggler"><span class="sr-only">Toggle navigation</span><i class="fa fa-align-justify"></i></button>
            <!-- 我的收藏 -->
            <%if(session.getAttribute("username")==null){%>
            <button type="button" data-toggle="collapse" data-target="#search" class="btn btn-outline-secondary navbar-toggler"><span class="sr-only">Toggle search</span><i class="fa fa-search"></i></button><a href="register.jsp" class="btn btn-outline-secondary navbar-toggler"><i class="fa fa-shopping-bag"></i></a>
            <%}
            else{ %>
            <button type="button" data-toggle="collapse" data-target="#search" class="btn btn-outline-secondary navbar-toggler"><span class="sr-only">Toggle search</span><i class="fa fa-search"></i></button><a href="./article_collect.jsp" class="btn btn-outline-secondary navbar-toggler"><i class="fa fa-shopping-bag"></i></a>
            <%}%>
        </div>
        <div id="navigation" class="collapse navbar-collapse">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item"><a href="index.jsp" class="nav-link">家</a></li>
                <!-- 文章大类 -->
                <li class="nav-item dropdown menu-large"><a href="article_list.jsp" class="nav-link">文章<b class="caret"></b></a>
                </li>
                <!-- 关于我们 -->
                <li class="nav-item dropdown menu-large"><a href="aboutUs.jsp" class="nav-link">关于我们<b class="caret"></b></a>
                </li>
            </ul>
            <div class="navbar-buttons d-flex justify-content-end">
                <!-- /.nav-collapse-->
                <!-- Sraech image -->
                <div id="search-not-mobile" class="navbar-collapse collapse"></div><a data-toggle="collapse" href="#search" class="btn navbar-btn btn-primary d-none d-lg-inline-block"><span class="sr-only">Toggle search</span><i class="fa fa-search"></i></a>
                <!-- Cart image -->
                <%if(session.getAttribute("username")==null){%>
                <div id="basket-overview" class="navbar-collapse collapse d-none d-lg-block"><a href="register.jsp" class="btn btn-primary navbar-btn"><i class="fa fa-book"></i><span></span></a></div>
                <%}
                else{ %>
                <div id="basket-overview" class="navbar-collapse collapse d-none d-lg-block"><a href="./article_collect.jsp" class="btn btn-primary navbar-btn"><i class="fa fa-book"></i><span></span></a></div>
                <%}%>
            </div>
        </div>
    </div>
</nav>
</body>
</html>
